@charset "UTF-8";
@import "variable";

//字体
@each $key,
$fontValue in $font-sizes {
    .fs-#{$key} {
        font-size: $fontValue;
    }
}

//布局
@each $jcKey,
$value in $flex-jc {
    .jc-#{$jcKey} {
        justify-content: $value;
    }
}

//flex布局对齐方式
@each $fleKey,
$value in $flex-ai {
    .ai-#{$fleKey} {
        align-items: $value;
    }
}

//display属性
@each $disKey,
$value in $displays {
    .dis-#{$disKey} {
        display: $value;
    }
}

//外边距
@each $marginKey,
$value in $basePix {
    margin-#{$marginKey} {
        margin: $value;
    }

    .mt-#{$marginKey} {
        margin-top: $value;
    }

    .ml-#{$marginKey} {
        margin-left: $value;
    }

    .mr-#{$marginKey} {
        margin-right: $value;
    }

    .mb-#{$marginKey} {
        margin-bottom: $value;
    }
}

//padding
@each $paddingKey,
$value in $basePix {
    .padding-#{$paddingKey} {
        padding: $value;
    }

    .pt-#{$paddingKey} {
        padding-top: $value;
    }

    .pl-#{$paddingKey} {
        padding-left: $value;
    }

    .pr-#{$paddingKey} {
        padding-right: $value;
    }

    .pb-#{$paddingKey} {
        padding-bottom: $value;
    }
}

//宽度
@each $widthKey,
$value in $width {
    .width-#{$widthKey} {
        width: $value !important;
    }
}

//高度
@each $heightKey,
$value in $heights {
    .height-#{$heightKey} {
        height: ($value * $baseMultiple) !important;
    }
}

//行高
@each $heightKey,
$value in $heights {
    .line-height-#{$heightKey} {
        line-height: ($value * $baseMultiple) !important;
    }
}

//最小宽度
@each $widthKey,
$value in $width {
    .min-width-#{$widthKey} {
        min-width: $value !important;
    }
}

//font-weight
@each $fontWeightKey,
$value in $fontWeight {
    .font-weight-#{$fontWeightKey} {
        font-weight: $value !important;
    }
}

//手势
@each $curtKey,
$value in $curList {
    .cur-#{$curtKey} {
        cursor: $value !important;
    }
}

//定位距离
@each $posKey,
$value in $basePix {
    .top-#{$posKey} {
        top: $value;
    }

    .left-#{$posKey} {
        left: $value;
    }

    .right-#{$posKey} {
        right: $value;
    }
    .bottom-#{$posKey} {
        bottom: $value;
    }
}
@each $posKey,
$value in $basePix {
    .minus-top-#{$posKey} {
        top: -$value;
    }

    .minus-left-#{$posKey} {
        left: -$value;
    }

    .minus-right-#{$posKey} {
        right: -$value;
    }
    .minus-bottom-#{$posKey} {
        bottom: -$value;
    }
}


